<html>
<head>
<title> XD CSS</title>
<style type="text/css">
	body{
		color: #FFFFFF;
		margin:auto;
	}
	.box{
		width: 375px;
		height: 823px;
		background-color: #254F6E;
		margin: auto;
		
		
	}
	.header{
		width: 359.5px;
		height: 14px;
		margin: auto;
		

	}
	.search{
		width: 28px;
		height: 21px;
		margin: auto;
		margin-top: 30px;
	}
	.welcome{
		width: 327px;
		height: 81px;
		border: 0px solid red;
		margin:  auto;
		margin-top: 40px;
		
	}
	.p1
	{
		text-align: center;
		color: #FFFFFF;
		font-size:30px; 
		
	}
	.blog{
		text-align: center;
		width: 348px;
		height: 48px;
		margin: auto;
		margin-top: 72px;
		background-color: #00A9DE;
		font-size: 16px;

	}
	.travel{
		width: 348px;
		height: 190px;
		margin: auto;
		margin-top: 15px;
		background-color:#FFFFFF;
	}
	.map{
		width: 340px;
		height: 115px;
		margin: auto;
		margin-top: 20px;
		background-color: #00A0D1;
	}
	.last{
		width: 348px;
		height: 120px;
		margin: auto;
		margin-top: 20px;
		background-color: #707070;
	}

	

</style>
</head>
<body>

<div class="box">
	<div class="header">
		运营商 上午9:41 42%
	</div>
	<div class="search">
		search
	</div>
	<div class="welcome">
		<div class="p1">
			欢迎使用 
		</div>
		<div class="p1">
			Campvibes！
		</div>
	</div>
	<div class="blog">
		我们的博客
	</div>
	<div class="travel">
	</div>
	<div class="map">
	</div>
	最近的冒险
	<div class="last">
	</div>
</div>
</body>
</html>